<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>商家列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
</head>
<style>
	p{color: #000000;}
	.businer{display: flex!important;}
	.businer div:nth-child(1){width: 110px;}
	.businer div:nth-child(1) img{width: 100%;}
	.businer div:nth-child(2){flex: 2;}
	.mui-ellipsis-2{font-size: 16px;}
	.businer div:nth-child(2) p{line-height: 58px;padding: 0 11px;}
	.businer div:nth-child(3){text-align: right;}
	.businer div:nth-child(3) p{line-height: 35px;}
	.businer div:nth-child(3) p:first-child{color: #e53e30;font-size: 1.2em;}
	.mui-navigate-right:after, .mui-push-right:after{font-size: 0;}
</style>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a  href="javascript:history.go(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">商家列表</h1>
	</header>
	
	<div class="mui-content">
	    <ul class="mui-table-view">
	            <li class="mui-table-view-cell">
	                <a href="goods_operating.html" class="mui-navigate-right businer">
	                    <div><img src="img/1547977964a.jpg"/></div>
	                    <div>
	                    	<p class="mui-ellipsis-2">测试商品</p>
	                    	<p>商品货号：<span>1548307644</span></p>
	                    </div>
	                    <div>
	                    	<p>￥<span>1.00</span></p>
	                    	<p>x <span>9998</span></p>
	                    	<p>上架</p>
	                    </div>
	                </a>
	            </li>
	            <li class="mui-table-view-cell">
	                <a href="goods_operating.html" class="mui-navigate-right businer">
	                    <div><img src="img/1547977964a.jpg"/></div>
	                    <div>
	                    	<p class="mui-ellipsis-2">测试商品</p>
	                    	<p>商品货号：<span>1548307644</span></p>
	                    </div>
	                    <div>
	                    	<p>￥<span>1.00</span></p>
	                    	<p>x <span>9998</span></p>
	                    	<p>下架</p>
	                    </div>
	                </a>
	            </li>
	            <li class="mui-table-view-cell">
	                <a href="goods_operating.html" class="mui-navigate-right businer">
	                    <div><img src="img/1547977964a.jpg"/></div>
	                    <div>
	                    	<p class="mui-ellipsis-2">测试商品</p>
	                    	<p>商品货号：<span>1548307644</span></p>
	                    </div>
	                    <div>
	                    	<p>￥<span>1.00</span></p>
	                    	<p>x <span>9998</span></p>
	                    	<p>下架</p>
	                    </div>
	                </a>
	            </li>
	        </ul>
	</div>
    
    <script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    mui.init()
    </script>
</body>
</html>
